<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
	  <meta http-equiv="cache-control" content="no-cache">
	  <meta http-equiv="expires" content="0">    
	  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	  <meta http-equiv="description" content="This is my page">
   
    <script src="/js/vue.min.js"></script>
    <script src="/js/httpVueLoader.js"></script><!-- 引入 http-vue-loader -->   
    <script type="text/javascript" src="/js/axios.min.js"></script>

    <link href="/css/front.css" rel="stylesheet">
    
</head>

<body>
<div id="app">
<my-header></my-header> 


<article> 
  <!--左侧-->
  <div class="lbox"> 
    
    
    <!-- 444 -->
     <div class="zhuanti whitebg" style="margin-top: 12px;">
      <!-- <h2 class="htitle"><span class="hnav"></span>新闻动态</h2> -->
      <ul>
        <li v-for="(xinwen, index) in xianshilist" :key="xinwen.id"> 
           <i class="ztpic" style="height: 158px;">
              <a :href="'/view/xinwen/xinwenDetail.html?id='+xinwen.id"><img :src= "xinwen.fujian"/></a>
           </i> 
           <center><a :href="'/view/xinwen/xinwenDetail.html?id='+xinwen.id"><b>{{xinwen.biaoti}}</b></a></center>
        </li>
      </ul>
    </div>
    <!-- 444 -->
    
    
    
    
    
    
    
    
    
  </div>
  <!--左侧-->
  
  
  
  
  
  
  
  
  <!--右侧-->
  <div class="rbox">
      <my-right></my-right>
  </div>
  <!--右侧-->
  
  
</article>



<my-foot></my-foot>



    
</div>


<script>

    new Vue({
        el: '#app',
        data: 
		{
			total:0,
			pageSize:64,
			currentPage:1,//当前页

			xinwenList:[],
            xianshilist: null,	
            
		},
        
        methods: 
        {
              getData()
              {
                      axios({
                    method: 'POST',
                    url: '/xinwenAll',
                    params:{
                      
                    }
                    }).then(data => {
                      if (data.data.state == 66)
                      {
                        this.xinwenList=data.data.data;
                        this.total=this.xinwenList.length;
                        
                                      this.xianshilist = this.xinwenList.slice((this.currentPage - 1) * this.pageSize, this.currentPage * this.pageSize)
                      } 
                        
                    }).catch(error => {
                      alert(error);
                  })
              },

          },
        
          created()
          {
              this.getData();
          },

       
     
          components: {
                  'my-header': httpVueLoader('/components/my-header.vue'),
                  'my-foot': httpVueLoader('/components/my-foot.vue'),
                  'my-right': httpVueLoader('/components/my-right.vue'),
          }
    })
</script>
</body>

</html>